<%@ Page Language="C#" MasterPageFile="~/miniweb/MasterPage.master" AutoEventWireup="true"
    CodeFile="ProductDetail.aspx.cs" Inherits="miniweb_ProductDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
 <script src="js/common.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/formfieldlimiter.js"></script>

    <script type="text/javascript">
	$(function() {
    $(".carouseShow").jCarouselLite({
        btnNext: ".arrowLeft",
        btnPrev: ".arrowRight"
    });
	});
    </script>

    <div id="content">
        <div class="title_home">
            <div class="titleLeft">
                <a href="Default.aspx">Home</a>&nbsp;>>&nbsp;<a href="product.aspx">Product</a>&nbsp;>>&nbsp;<a href="#"><asp:Literal
                    ID="ltrTitlePro" runat="server"></asp:Literal></a></div>
            <div class="search">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <input class="bg_input" type="text" value="Search our product" /></td>
                        <td>
                            <input type="image" src="images/ico_search.gif" /></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="productShow">
            <div class="arrowLeft">
                <img src="images/arrow_left.gif" alt="" /></div>
            <div class="arrowRight">
                <img src="images/arrow_right.gif" alt="" /></div>
            <div class="carouseShow">
                <ul class="listDetail">
                    <asp:Repeater runat="server" ID="rptPro" OnItemDataBound="rptPro_ItemDataBound">
                        <ItemTemplate>
                            <li id="liEnd" runat="server">
                                <p>
                                    <a href="#" id="ahrImg" runat="server">
                                        <img style="width: 78px; height: 73px;" id="imgPro" runat="server" src="images/img_det1.gif"
                                            alt="" /></a></p>
                                <p class="txtDetail">
                                    <a href="#" id="ahrTitle" runat="server">
                                        <asp:Literal ID="ltrTitlePro" runat="server"></asp:Literal>
                                    </a>
                                </p>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="productDetail">
            <div class="titDetail">
                <asp:Literal ID="ltrTitle" runat="server"></asp:Literal></div>
            <div class="contentDetail">
                <div class="imgDetail">
                    <div class="bgDetail">
                        <p class="imgShow">
                            <a href="#">
                                <img style="width: 240px; height: 280px;" runat="server" id="imgPro" src="#" alt="" /></a></p>
                    </div>
                </div>
                <div class="infoDetail">
                    <div class="tabDetail">
                        <div id="menu">
                            <ul>
                                <li id="menu_b1" class="tab_ac" onclick="active_2tab('tab_b1')"><span><strong>Product
                                    Details</strong></span></li>
                                <li id="menu_b2" class="tab" onclick="active_2tab('tab_b2')"><span><strong>Payment &
                                    Shipping Terms</strong></span></li>
                            </ul>
                        </div>
                        <div id="tab_b1" class="comment">
                            <asp:Literal ID="ltrDescription" runat="server"></asp:Literal>
                        </div>
                        <div id="tab_b2" class="comment hiden">
                            content 2
                        </div>
                    </div>
                    <div class="linkOncon">
                        <div class="icoOnline">
                            <p class="online">
                                <a href="#">Online</a></p>
                            <p class="btnContact">
                                <img src="images/ico_btncontact.gif" alt="" align="absmiddle" /><a href="#">Contact</a></p>
                        </div>
                        <div class="viewContact">
                            <a href="#">View contact details</a></div>
                    </div>
                </div>
            </div>
        </div>
        <p class="txtDes">
            Detailed Product Description</p>
        <p class="textEnd">
            <asp:Literal ID="ltrEnd" runat="server"></asp:Literal></p>
        <div class="titleSupplier">
            <img src="images/txt_sendyour.gif" /></div>
        <table width="100%" border="0">
            <tr>
                <td width="20%" valign="top" align="center">
                    <div class="avarSubblier">
                        <img src="images/avar_subblier_108x95.jpg" alt="" /></div>
                </td>
                <td width="80%" valign="top" align="left" colspan="2">
                    <textarea name="johndoe" runat="server" id="johndoe" class="textSupplier"></textarea>
                    <div id="john-status">
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <p>
                        <img src="images/ico_online.gif" alt="" align="absmiddle" />&nbsp;Mr.Tran Thi Hanh</p>
                </td>
                <td align="left" width="60%">
                </td>
                <td align="right" width="20%">
                    <asp:Button ID="btnSend" CssClass="btnSend marR" runat="server" Text="Send" OnClick="btnSend_Click" />
                </td>
            </tr>
        </table>

        <script type="text/javascript">
 


//Example 2:

fieldlimiter.setup({
	thefield: document.getElementById("<%=johndoe.ClientID%>"), //reference to form field
	maxlength: 3000,
	statusids: ["john-status"], //id(s) of divs to output characters limit. If non, set to empty array [].
	onkeypress:function(maxlength, curlength){ //onkeypress event handler
		//define custom event actions here if desired
	}
})

        </script>

    </div>
</asp:Content>
